<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JQuery获取CSS属性</title>
</head>
<body>
    <script src="JS/jquery-3.7.1.min.js"></script>
    <div style="font-size: 36px;">我是⼀个⽂本</div>

    <script>
        $(function(){
            //获取元素的CSS属性值
            //语法：$(选择器).css("属性名");
            var fontSize = $("div").css("font-size");
            console.log(fontSize); 
        })
    </script>

    <script>
        $(function(){
            //设置元素的CSS属性值
            //语法：$(选择器).css("属性名", "属性值");
            $("div").css("font-size", "48px");
            console.log($("div").css("font-size"));  
        })
    </script>
</body>
</html>